<template>
<div>
  <IndexHeader :line-flag="true"></IndexHeader>
<!--  <CategorySearchMain v-if="searchFlag==0"></CategorySearchMain>-->
<!--  <KeywordSearchMain v-if="searchFlag==1"></KeywordSearchMain>-->
  <router-view></router-view>
  <IndexTip></IndexTip>
</div>
</template>

<script>
import IndexHeader from "@/components/index/IndexHeader";
import IndexTip from "@/components/index/IndexTip";
import CategorySearchMain from "@/components/search/CategorySearchMain";
import KeywordSearchMain from "@/components/search/KeywordSearchMain";
export default {
  name: "Search",
  components: {CategorySearchMain, IndexTip, IndexHeader,KeywordSearchMain},
  data() {
    return {
      searchFlag:0
    };
  },
  created() {
    alert(this.$route.query.keyword)
    /*if (this.$route.query.categoryId){
      this.searchFlag=0;
    }
    if (this.$route.query.keyword){
      this.searchFlag=1;
    }*/

  }
}
</script>

<style scoped>
@import "../assets/css/seastyle.css";
@import "../assets/css/demo.css";

</style>